<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link rel="shortcut icon" href="img/siteico.ico" />
    <meta content="telephone=no" name="format-detection" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style"/>
    <title>武彬个人简历</title>
    <meta name="description" content="具有坚强意志力与抗压能力,端正努力的工作态度、喜欢不断的学习充实自己,通过个人的努力去实现自身的价值">
    <meta name="keywords" content="设计师, 前端, web开发, php工程师, 全栈开发">

    <!-- <base href="https://634174214.gitee.io/myself-jianli/"> -->

    <link rel="stylesheet" href="css/aos.css">
    <link rel="stylesheet" href="css/idangerous.swiper.css">
    <link rel="stylesheet" href="css/screen.css" media="(min-width: 641px)"/>
    <link rel="stylesheet" href="css/phone.css" media="(max-width:640px)"/>
    <!--[if IE]>
        <script src="lib/respond.src.js"></script>
		<script type="text/javascript" src="lib/html5shiv.min"></script>
	<![endif]-->
    <!-- 百度网站监测 -->
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?44105390c4fdb96c8ffaede1d3d571ff";
          var s = document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body ontouchstart>
    <!-- navbtn -->
    <div class="navbtn m-nav-normal" id="navbtn">
        <span class="line-top"></span>
        <span class="line-mid"></span>
        <span class="line-bot"></span>
    </div>
    <!-- navbtn end -->
    <!-- info -->
    <section class="info" id="info">
        <article class="content-wrapper">
            <div class="name clear">
                <h1 aos="fade-right">武彬</h1>
                <div class="desc">
                    <span aos="fade-left" aos-delay="200">#55/WU BIN</span>
                    <small aos="fade-left" aos-delay="400">WEB全栈工程师/设计师</small>
                </div>
            </div>
            <!-- name end -->
            <div class="contact" aos="fade-up" aos-delay="400">
                <ol class="clear">
                    <li>
                        <i class="icon icon-phone"></i>
                        <span>150 6397 3659</span>
                    </li>
                    <li>
                        <i class="icon icon-email"></i>
                        <span>bin3656@aliyun.com</span>
                    </li>
                    <li>
                        <i class="icon icon-qq"></i>
                        <span>634174214</span>
                    </li>
                    <li class="addwexin addwexin-hook">
                        <i class="icon icon-wexin"></i>
                        <span>Wubin</span>
                        <i class="icon icon-erwexin"></i>
                    </li>
                    <li class="downloadJL">
                        <a href="jianli-wubin.pdf" target="_blank" download="武彬个人简历.pdf">点我下载简历</a>
                    </li>
                </ol>
            </div>
            <!-- contact end -->
            <ul class="myinfo">
                <li class="born" aos="fade-up" aos-delay="600">
                    <div class="item">
                        <span class="title">籍贯：</span>
                        <span class="text">青岛</span>
                    </div>
                    <div class="item">
                        <span class="title">出生日期：</span>
                        <span class="text">1987/08/20</span>
                    </div>
                    <div class="item">
                        <span class="title">工作经验：</span>
                        <span class="text">2009-至今（在职）</span>
                    </div>
                </li>
                <li class="school" aos="fade-up" aos-delay="700">
                    <div class="title">教育经历：</div>
                    <div class="text">
                        <p>
                            <span class="school-name">青岛第三中学</span>
                            <span class="school-desc">
                                普通高中
                            </span>
                            <span class="school-time">
                                2003-2006
                            </span>
                        </p>
                        <p>
                            <span class="school-name">山东水利职业学院</span>
                            <span class="school-desc">
                                计算机应用技术
                            </span>
                            <span class="school-time">
                                2006-2009
                            </span>
                            <span class="school-check zhuan">
                                学历认证
                            </span>
                        </p>
                        <p title="非全日制学历" id="haida-school">
                            <span class="school-name">中国海洋大学（继续教育）</span>
                            <span class="school-desc">
                                工商管理
                            </span>
                            <span class="school-time">
                                2010-2013
                            </span>
                            <span class="school-check ben">
                                学历认证
                            </span>
                        </p>
                    </div>
                </li>
                <li class="certificate" aos="fade-up" aos-delay="800">
                    <div class="title">所获证书：</div>
                    <div class="text">
                        <span>工商管理学士学位</span>
                        <span class="open-img-alert gaoxiang" 
                              data-imgsrc="img/renzheng-gaoxiang.jpg"
                              data-imgtitle="信息系统项目管理师证书"
                        >
                            信息系统项目管理师
                        </span>
                        <span>网络工程师</span>
                        <span>系统维护师</span>
                        <span>机动车驾照C级</span>
                    </div>
                </li>
                <li class="trait trait-hook" aos="fade-up" aos-delay="550" data-aos-anchor-placement="top-bottom">
                        <div class="title">个人特点：</div>
                        <div class="text">
                            具有坚强意志力与抗压能力 &gt; 端正努力的工作态度、适应能力强 &gt;  喜欢学习开发技术类
                            技能不断充实提高自己 &gt;  一个不断的持续学习者 &gt; 具有良好的沟通、团队合作能力  &gt;
                            善于从事UI设计与平面印刷品的设计 &gt;专注于WEB开发，是一名兼具设计与前后台开发能力的WEB全栈工程师 &gt;  具有项目管理知识，可以规划并管理项目从开发到落地的整个流程。
                        </div>
                </li>
            </ul>
        </article>
        <div class="bg-wrapper" id="info-bg">
            <span class="bg-1"></span>
            <span class="bg-2"></span>
            <span class="bg-3"></span>
            <span class="bg-4"></span>
        </div>
        <div class="wave-wrapper waveAnimation">
            <div class="waveWrapperInner bgTop">
              <div class="wave waveTop"></div>
            </div>
            <div class="waveWrapperInner bgMiddle">
              <div class="wave waveMiddle"></div>
            </div>
            <div class="waveWrapperInner bgBottom">
              <div class="wave waveBottom"></div>
            </div>
          </div>
    </section>
    <!-- info end -->
    <!-- nav -->
    <section class="nav" id="nav">
        <div class="content-wrapper">
            <div class="head-sculpture"></div>
            <ol class="m-contact-me">
                <li class="name">武彬</li>
                <li class="qq">
                    <i class="icon icon-qq"></i>
                    <span class="text">634174214</span>
                </li>
                <li>
                    <i class="icon icon-email"></i>
                    <span class="text">bin3656@aliyun.com</span>
                </li>
                <li class="callme">
                    <a href="tel:15063973659">拨打电话</a>
                    <span class="addwexin-hook">添加微信</span>
                </li>
            </ol>
            <div class="nav-list-wrapper">
                <ul class="nav-list clear" id="nav-list">
                    <li class="active">个人简介</li>
                    <li>工作履历</li>
                    <li>技能掌握</li>
                    <li>前端开发</li>
                    <li>后端开发</li>
                    <li>设计作品</li>
                </ul>
                <div class="bot-line">
                    <span class="line" id="navline"></span>
                </div>
            </div>
            <!-- nav-list end -->
            <div class="pc-contact-me">
                <ul class="icon-group clear" id="nav-icon">
                    <li class="icon icon-phone"></li>
                    <li class="icon icon-email"></li>
                    <li class="icon icon-qq"></li>
                    <li class="icon icon-wexin"></li>
                </ul>
                <ul class="content-group" id="navicon-content">
                    <li>
                        电话：150 6397 3659
                    </li>
                    <li>
                        邮箱：bin3656@aliyun.com
                    </li>
                    <li>
                        QQ：634174214
                    </li>
                    <li class="content-wexin">
                        <img src="img/myer-we.png" class="fr">
                        <span class="fr">
                                微信：Wubin
                        </span>
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <!-- nav end -->
    <!-- works -->
    <section class="works" id="works">
        <div class="headline">
            <div class="mid-title">
                <h3>工作履历</h3>
                <small>WORK EXPERIENCE</small>
            </div>
            <span class="line"></span>
        </div>
        <!-- headline end -->
        <article class="works-wrapper">
            <ol>
                <li class="left">
                    <div class="spot" aos="zoom-in">
                        <i class="icon icon-spot"></i>
                    </div>
                    <div class="job" aos="fade-up-left">
                        <span class="time">2009年03月</span>
                        <span class="company">青岛绮光溢彩文化传播有限公司</span>
                        <span class="jobdo">
                            <i class="icon icon-point"></i>
                            <em>平面设计师</em>
                        </span>
                    </div>
                    <div class="desc" aos="fade-down-right" aos-delay="100">
                        负责公司推广广告设计、展会设计、活动设计策划、西门子日立等医疗厂商展会平面资料DM设计、印刷,青岛古早文化城VI设计、画册设计制作,以及绮光溢彩公司网站页面设计、频道规划、绮光溢彩摄影论坛的设计、协助青岛市摄影家协会做影展等工作。
                    </div>
                </li>
                <li class="right">
                    <div class="spot" aos="zoom-in">
                        <i class="icon icon-spot"></i>
                    </div>
                    <div class="job" aos="fade-up-right">
                        <span class="time">2014年10月</span>
                        <span class="company">新浪青岛</span>
                        <span class="jobdo">
                            <i class="icon icon-point"></i>
                            <em>网页设计/前端开发</em>
                        </span>
                    </div>
                    <div class="desc" aos="fade-down-left">
                        负责新浪青岛各种专题、频道页面的设计以及各种活动创意类H5设计，并参与页面的开发与调试工作；线下活动物料喷绘、写真、台历等设计,配合市场部进行线上专题与线下活动的联动与推广；广告设计与发布等。
                    </div>
                </li>
                <li class="left">
                    <div class="spot" aos="zoom-in">
                        <i class="icon icon-spot"></i>
                    </div>
                    <div class="job" aos="fade-up-left">
                        <span class="time">2016年02月</span>
                        <span class="company">青岛信网</span>
                        <span class="jobdo">
                            <i class="icon icon-point"></i>
                            <em>WEB全栈/UI设计</em>
                        </span>
                    </div>
                    <div class="desc" aos="fade-down-right">
                        负责信网PC端、手机版以及信网各个频道的设计、开发与维护的工作；独立完成信网专题制作发布系统、卡片海报合成系统、信网图库、海报H5幻灯系统等系统的前后台的开发工作；独立从设计并开发信号新闻APP、信网小程序、辟谣青岛、微尘小程序等；以及配合业务部门设计开发线上专题与H5与相关专题页面等。
                    </div>
                </li>
                <li class="left endnow">
                    <!-- right 可切换方向↑ -->
                    <div class="spot" aos="zoom-in">
                        <i class="icon icon-spot"></i>
                    </div>
                    <span class="icon today" data-aos="zoom-out-right">至今(在职)</span>
                </li>
            </ol>
        </article>
    </section>
    <!-- works end -->
    <!-- skill -->
    <section class="skill" id="skill">
        <div class="headline">
            <div class="mid-title">
                <h3>技能掌握</h3>
                <small>SKILL SITUATION</small>
            </div>
            <span class="line"></span>
        </div>
        <article class="skill-wrapper">
            <div class="code-wrapper">
                <div class="head">
                    <span>CODE</span>
                    <em>前端技能</em>
                </div>
                <ul id="skill-code" class="skill-progress">

                </ul>
                <div class="desc" aos="zoom-out-up">
                    <i class="icon icon-sarrow"></i>
                    <em class="text">熟练使用CSS、Less、JS、JQ、VUE、Bootstrap等进行前端开发、响应式开发，并兼顾手机、PC和IE的兼容性；熟悉前后端分离开发方式，擅长使用uniapp开发APP和小程序；可以配合PHP+MYSQL进行全栈的开发。</em>
                </div>
            </div>
            <!-- code end -->
            <div class="design-wrapper">
                <div class="head">
                    <span>DESIGN</span>
                    <em>设计技能</em>
                </div>
                <ul id="skill-design" class="skill-progress">
                    <!--
                    <li class="item">
                        通过JS遍历插入
                        <div class="label">HTML</div>
                        <span class="progress"></span>
                        <span class="percent"></span>
                    </li>
                     -->
                </ul>
                <div class="desc" aos="zoom-out-up" aos-delay="300">
                    <i class="icon icon-sarrow"></i>
                    <em class="text">熟练使用PS/AI/ID/XD等设计类软件，并能根据需求设计WEB-UI、企业VI、微信开发页面、H5页面、喷绘写真、画册等等，对市面上的印刷工艺有了解，可以根据推广计划提出线下物料以及线上同步配合的推广方案。</em>
                </div>
            </div>
            <!-- design end -->
        </article>
        <article class="php-wrapper">
            <div class="head">
                <span>PHP + MYSQL</span>
                <em>后端技能</em>
            </div>
            <ul class="php-skill-ul" aos="fade-up">
                <li class="php-skill-li">
                    熟练掌握<b>MVC</b>的开发思想，并可以独自使用原生<b>PHP</b>构建开发整站程序【前台+后台（Vue） + 小程序 + APP（uniapp）】;
                </li>
                <!-- <li class="php-skill-li">
                    熟练使用<b>ThinkPHP</b>，并快速的进行各类应用程序的开发;
                </li> -->
                <li class="php-skill-li">
                    熟练使用<b>Mysql</b>语句进行数据存储等操作，具有数据安全意识，了解常见的攻击手段以及如何在开发中规避风险等;
                </li>
                <!-- <li class="php-skill-li">
                    了解<b>Apache</b>服务器的安装、配置，熟悉配合;
                </li> -->
                <li class="php-skill-li">
                    熟练使用PHP结合Mysql实现各类业务系统，并使用前后端分离的思想实现各类业务逻辑;
                </li>
                <li class="php-skill-li">
                    对市面上常用的各种<b>PHP功能类库</b>有所了解，可以根据实际需求快速的构建应用的脚本，擅长学习并应用;
                </li>
                <li class="php-skill-li">
                    熟悉传统开发框架（JQ+Bootstrap/Layui）或时下流行的前后端分离(element-ui)等，并独自开发网站后台的程序以及设计后台界面;
                </li>
                <!-- <li class="php-skill-li">
                    独自设计开发基于JQuery+requireJS+php+Smarty模版引擎实现的<b>Piece-ui</b>即插即用的后台解决方案;
                </li> -->
                <li class="php-skill-li">
                    可以快速的熟悉在现有的应用程序架构，并在其基础上提出基于用户体验的优化解决方案，并进行二次的设计与开发;
                </li>
            </ul>
        </article>
    </section>
    <!-- skill end -->
    <div class="tips">
        注：以下 <b>前端开发作品、后端开发作品、设计作品</b> 均为本人在工作以及日常生活中 <b>独立设计/开发</b> 完成 (可提供源文件)。
    </div>
    <!-- Frontend -->
    <section class="Frontend" id="Frontend">
        <div class="headline">
            <div class="mid-title">
                <h3>前端开发</h3>
                <small>FRONT-END WORKS</small>
            </div>
            <span class="line"></span>
        </div>
        <article class="Frontend-wrapper">
            <div class="tabs-bar" id="tabs-bar" aos="fade-up">
                <span class="active">H5</span>
                <span>APP / 微信开发</span>
                <span>PC / 手机网站</span>
                <span>VUE</span>
                <span>微信小程序</span>
            </div>
            <aside class="tabs-content">
                <div class="swiper-container" id="FrontendShow">
                    <i class="arrow icon-code-left" id="Frontend-left"></i>
                    <i class="arrow icon-code-right" id="Frontend-right"></i>
                    <div class="swiper-wrapper" id="Frontend-content">
                        <div class="swiper-slide"></div>
                        <div class="swiper-slide"></div>
                        <div class="swiper-slide"></div>
                        <!--
                            <div class="swiper-slide">
                                <a>
                                <dl class="detail">
                                    <dt class="imgbox">
                                        <img src="images/1.png" class="work-pic">
                                        <em class="QRcode">
                                            <cite class="work-qr">
                                                <img src="images/er.png">
                                            </cite>
                                            <cite class="text">扫码 / 点击 查看详情</cite>
                                        </em>
                                    </dt>
                                    <dd class="name">烟台工业设计博览会邀请函</dd>
                                </dl>
                                </a>
                            </div>
                         -->
                    </div>
                    <div class="pagination"></div>
                </div>
            </aside>
            <div class="all" id="Frontend-lookall" aos="zoom-in">作品分类</div>
        </article>
    </section>
    <!-- Frontend end -->
    <!-- after -->
    <section class="afterend" id="afterend">
        <div class="headline">
            <div class="mid-title">
                <h3>系统开发</h3>
                <small>AFTER-END WORKS</small>
            </div>
            <span class="line"></span>
        </div>
        <article class="afterend-works" aos="fade-up">
            <ul id="afterend-list" class="afterend-list" title="除本站项目外，部分内网站点需添加域名解析才可查看效果，其他站点无法访问原版，但可申请体验本站提供的“本站版”。">
                <li class="show">
                    <a href="http://my.wubin.work/" target="_blank" class="imgbox">
                        <div class="link-see">
                            <span>申请体验</span>
                        </div>
                        <img src="images/after-end/xin-card-show.jpg">
                    </a>
                    <div class="info-item">
                        <h3>信网新闻卡片截图系统</h3>
                        <p>独立设计、开发用于信网宣传新闻卡片图的创建、编辑，整合了智能抠图以及在线PS等功能，可以帮助编辑人员根据现有模板快速的生成理想效果的宣传图片。</p>
                        <a href="http://my.wubin.work/works/xin-card/app" target="_blank" class="goto">
                            <small>my.wubin.work/card</small>
                            <span>系统地址 &gt;</span>
                        </a>
                    </div>
                </li>
                <li class="show">
                    <a href="http://www.wubin.work/admin" target="_blank" class="imgbox">
                        <div class="link-see">
                            <span>前往网站</span>
                        </div>
                        <img src="images/after-end/admin-work.jpg">
                    </a>
                    <div class="info-item">
                        <h3>一介武夫个人博客系统</h3>
                        <p>使用自制前端后台UI：piece-ui+smarty使用MVC架构模式实现一介武夫后台页面，并实现图片、附件上传，文章等数据插入、更新、用户管理、留言管理等功能。</p>
                        <a href="http://www.wubin.work/admin" target="_blank" class="goto">
                            <small>wubin.work/admin</small>
                            <span>立即前往 &gt;</span>
                        </a>
                    </div>
                </li>
                <li class="show">
                    <a href="http://qd.wubin.work" target="_blank" class="imgbox">
                        <div class="link-see">
                            <span>前往网站</span>
                        </div>
                        <img src="images/after-end/qdlib-front.jpg">
                    </a>
                    <div class="info-item">
                        <h3>青岛风光资源管理系统</h3>
                        <p>独立设计并负责全栈开发，<a href="http://sj.qdxin.cn/app/pics/app/html/" class="inline-link" target="_blank">部署于信网内网</a>。查看请添加本地解析：<strong style="font-weight: bold;">172.20.65.171 sj.qdxin.cn</strong>。采用vue3开发，<a href="http://sj.qdxin.cn/app/pics/server/html/login.html" class="inline-link" target="_blank">后端</a>采用PHP+element-plus搭建。</p>
                        <a href="http://qd.wubin.work" target="_blank" class="goto">
                            <small>qd.wubin.work</small>
                            <span>体验本地版 &gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="http://qd.wubin.work/server/" target="_blank" class="imgbox">
                        <div class="link-see">
                            <span>前往网站</span>
                        </div>
                        <img src="images/after-end/qdlib-after.jpg">
                    </a>
                    <div class="info-item">
                        <h3>青岛风光资源库 | 后端</h3>
                        <p>独立设计并负责全栈开发，部署于<a href="http://sj.qdxin.cn/app/pics/server/html/" class="inline-link" target="_blank">信网内网(信网资源)</a>。采用vue3开发，后端采用PHP+element-plus搭建，后端提供资源打包、上传、编辑、修改等功能。</p>
                        <a href="http://qd.wubin.work/server/" target="_blank" class="goto">
                            <small>qd.wubin.work/server/</small>
                            <span>本地版 &gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="http://my.wubin.work" target="_blank" class="imgbox">
                        <div class="link-see">
                            <span>申请体验</span>
                        </div>
                        <img src="images/after-end/xin-zt-show.jpg">
                    </a>
                    <div class="info-item">
                        <h3>信网专题发布系统 | 全栈</h3>
                        <p>独立设计、开发用于信网专题创建、发布的系统。帮助编辑人员快速的搭建手机和PC端的专题页面，且在手机端上达到仿原生APP的效果。可点击<a href="http://www.qdxin.cn/special/zt-app/app/?id=84" target="_blank" style="display: inline;color: #1f97f7;padding: 0 3px;">案例</a>查看专题效果。</p>
                        <a href="http://my.wubin.work" target="_blank" class="goto">
                            <small>my.wubin.work</small>
                            <span>申请体验 &gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="http://day.wubin.work" target="_blank" class="imgbox">
                        <div class="link-see">
                            <span>申请体验</span>
                        </div>
                        <img src="images/after-end/day-work.jpg">
                    </a>
                    <div class="info-item">
                        <h3>小记日报系统 | 全栈</h3>
                        <p>独立设计并开发的小记-日报系统。用于每日记录您的生活、工作中的各种已办、待办的事项，并且可以一键生成周报、月报，还可以管理您的各类长期计划。</p>
                        <a href="http://day.wubin.work" target="_blank" class="goto">
                            <small>day.wubin.work</small>
                            <span>申请体验 &gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="http://my.wubin.work" target="_blank" class="imgbox">
                        <div class="link-see">
                            <span>申请体验</span>
                        </div>
                        <img src="images/after-end/xin-imgzt-show.jpg">
                    </a>
                    <div class="info-item">
                        <h3>图片H5专题发布系统 | 全栈</h3>
                        <p>独立设计并开发的图片专题系统。用于汇总各类海报图片，将零散的新闻重新整理起来，达到更好的宣传效果(在手机端达到仿原生APP的效果)。可在<a href="http://www.qdxin.cn/special/zt_imgh5_app/15.html" target="_blank" style="display: inline;color: #1f97f7;padding: 0 3px;">案例</a>查看专题效果。</p>
                        <a href="http://my.wubin.work" target="_blank" class="goto">
                            <small>my.wubin.work</small>
                            <span>申请体验 &gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <a href="http://www.wubin.work" target="_blank" class="imgbox">
                        <div class="link-see">
                            <span>前往网站</span>
                        </div>
                        <img src="images/after-end/wubin-work.jpg">
                    </a>
                    <div class="info-item">
                        <h3>一介武夫个人空间 | 前台</h3>
                        <p>设计、开发个人网站 一介武夫 前台页面，并实现与后台录入的文章信息、轮播图、上传附件等信息的获取展示，以及vue-WebApp所用到的数据接口的开发。</p>
                        <a href="http://www.wubin.work" target="_blank" class="goto">
                            <small>wubin.work</small>
                            <span>立即前往 &gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <em class="imgbox show-after-imgs" data-imgorder="2">
                        <div class="link-see">
                            <span>查看程序截图</span>
                        </div>
                        <img src="images/after-end/qdxin-app.jpg">
                    </em>
                    <div class="info-item">
                        <h3>青岛信网应用 | 后台</h3>
                        <p>在已有的信网功能性应用后台进行二次开发，扩充了卡片新闻、信法网律师注册、法律咨询信息获取、大宗新闻网商品举报、青岛辟谣表单信息搜集等功能(图中红框)。</p>
                        <a href="http://mp2.qdxin.cn/_mana/" target="_blank" class="goto">
                            <small>qdxin.cn</small>
                            <span>立即前往 &gt;</span>
                        </a>
                    </div>
                </li>
                <li>
                    <em class="imgbox show-after-imgs" data-imgorder="1">
                        <div class="link-see">
                            <span>查看程序截图</span>
                        </div>
                        <img src="images/after-end/qdxin-live.jpg">
                    </em>
                    <div class="info-item">
                        <h3>青岛信网直播 | 后台</h3>
                        <p>信网直播后台界面使用Layui开发，后台使用原生PHP进行开发，仅应用于公司内网的后台程序，用于添加直播，编辑直播呈现内容，生成静态回放页面等功能。</p>
                        <a href="http://mp.qdxin.cn/public/xwqmt/live/html/203.html" target="_blank" class="goto">
                            <!-- http://mp.qdxin.cn/xwqmt/_mana/login.php -->
                            <small>live.qdxin.cn</small>
                            <span>立即前往 &gt;</span>
                        </a>
                    </div>
                </li>

                <li>
                    <a href="https://libs.qdxin.cn/appc/haibao/app-test.html" target="_blank" class="imgbox" data-record="https://libs.qdxin.cn/appc/haibao/app.php">
                        <div class="link-see">
                            <span>正式版查看</span>
                        </div>
                        <img src="images/after-end/php-haibao.jpg">
                    </a>
                    <div class="info-item">
                        <h3>信网PHP海报生成系统</h3>
                        <p>通过使用PHP的方法，实现<a href="https://libs.qdxin.cn/appc/haibao/app.php" class="inline-link" target="_blank">信网海报生成以及合成</a>的接口，可以根据标题的内容算法，动态的计算所需绘制画布的高度等。提供返回base64、各类图片格式、保存到服务器3种返回方式。</p>
                        <a href="http://my.wubin.work/works/php-haibao/app-test.html" target="_blank" class="goto">
                            <small>php-haibao</small>
                            <span>本站版 &gt;</span>
                        </a>
                    </div>
                </li>
            </ul>
            <div class="tips">
                <p><b>注意:</b></p>
                <p>1、除个人站点外，开发的信网各类系统均部署在公司内网，外部无法直接访问，故不能提供程序应用在线展示，但可联系进行当面体验。</p>
                <p>2、如要查看个人站点后台页面、程序、源码、具体实现的，请根据本页的联系方式与我进行沟通。</p>
                <p>3、由于本站流量有限（1M/s），所以打开速度可能较慢，请耐心等待。</p>
            </div>
            <div class="all aos-init aos-animate" id="afterend-lookall" aos="zoom-in">更多作品</div>
        </article>
    </section>
    <!-- after end -->
    <!-- design -->
    <section class="design" id="design">
        <div class="headline">
            <div class="mid-title">
                <h3>设计作品</h3>
                <small>DESIGN WORKS</small>
            </div>
            <span class="line"></span>
        </div>
        <div class="design-wrapper">
            <ul id="gallery-wrapper">
                <!-- <li class="white-panel">
                    <img src="images/design/1.jpg" class="thumb">
                    <h1>烟台工业展会设计邀请函</h1>
                    <p>采用哑粉160g纸张印刷</p>
                </li> -->
            </ul>
            <div class="gallery-end" id="gallery-end"><p>抱歉，暂时没有更多作品了，会不定期更新，请持续关注</p></div>
        </div>
    </section>
    <!-- design end -->
    <footer class="footer" id="footer">
        <em>感谢您的耐心观看，祝您工作顺利，期待与您相见</em>
        <em>（由于篇幅所限，如需了解更多作品资料请致电联系）</em>
    </footer>
    <!-- 全部作品 -->
    <section class="all-webworks" id="all-webworks">
        <span class="icon close close-hook"></span>
        <div class="all-webworks-wrapper">
            <h3 class="works-in-headline">
                <span>作品分类</span>
                <small>请点击查看您感兴趣的作品</small>
            </h3>
            <div class="all-webworks-inner" id="all-webworks-inner">
                <!-- <aside class="row">
                    <h4 class="works-headline">H5</h4>
                    <ul class="works-list" id="allworks-list">
                        <li>
                            <a href="http://" target="_blank" class="linkto">
                                <div class="imgbox">
                                    <img src="images/webbetter/1.png" class="allwork-pic">
                                    <em class="QRcode">
                                        <cite class="work-qr">
                                            <img src="images/webbetter/er.png">
                                        </cite>
                                        <cite class="text">扫码 / 点击 查看详情</cite>
                                    </em>
                                </div>
                                <p class="name">烟台工业设计博览会邀请函</p>
                            </a>
                        </li>
                    </ul>
                </aside> -->
            </div>

        </div>
    </section>
    <!-- 全部作品 end -->
    <!-- design work -->
    <section class="design-works" id="design-works">
        <span class="icon close close-hook"></span>
        <div class="design-works-wrapper">
            <h3 class="works-in-headline">
                <span>设计作品</span>
                <small>点击图片可查看作品放大图片</small>
            </h3>
            <div class="design-works-inner">
                <h1>
                    <span class="design-works-title"></span>
                </h1>
                <article class="design-swiper">
                    <i class="icon icon-design-left" id="design-left"></i>
                    <i class="icon icon-design-right" id="design-right"></i>
                    <div class="swiper-container" id="design-swiper">
                        <div class="swiper-wrapper">
                            <!-- <div class="swiper-slide">
                                <img src="images/design/1.jpg" class="imgis-horizontal">
                            </div> -->
                        </div>
                        <!-- swiper-wrapper end -->
                    </div>
                    <div class="design-pagination"></div>
                </article>
                <p class="desc"></p>
                <div class="tips">
                    <p>- 在pc版上查看设计作品的效果会更清晰哦 -</p>
                </div>
            </div>
            <!-- design-works-inner end -->
        </div>
    </section>
    <!-- design work end -->
    <!-- bigImg -->
    <section id="bigimg" class="bigimg">
        <div class="bigcloser">
            <i class="icon icon-close-white"></i>
        </div>
        <div class="biginner">
            <img src="">
        </div>
    </section>
    <!-- bigImg end -->
    <!-- 二维码 -->
    <div class="erwe-wrapper" id="erwe-wrapper">
        <img src="img/myer-we.png" alt="请用微信扫码添加">
        <p>请识别二维码添加微信</p>
        <i class="icon icon-close-white"></i>
    </div>
    <!-- 二维码 end -->
    <!-- 学历认证 -->
    <div class="check-school" id="check-school">
        <span class="icon close close-hook"></span>
        <div class="check-school-img">
            <img src="" alt="注：由于此认证存在验证有效期，此图仅做参考，如需核实，请根据简历中联系方式联系本人重新生成。">
        </div>
    </div>
    <!-- 学历认证 end -->
    <!-- 遮罩层 -->
    <div id="cover"></div>
    <!-- 遮罩层  end-->
    <script src="js/data.js?t=0526"></script>
    <script src="lib/jquery-1.11.1.min.js"></script>
    <script src="lib/idangerous.swiper.min.js"></script>
    <script src="lib/layer/layer.js"></script>
    <script src="lib/aos.js"></script>
    <script src="js/go-top.js"></script>
    <script src="js/index.js"></script>
</body>
</html>
